<%--
  Created by IntelliJ IDEA.
  User: Cc
  Date: 2020/12/30
  Time: 9:54
  To change this template use File | Settings | File Templates.
--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" +
            request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="shortcut icon" href="<%=basePath%>static/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="<%=basePath%>static/css/font.css">
    <link rel="stylesheet" href="<%=basePath%>static/css/xadmin.css">
    <script type="text/javascript" src="<%=basePath%>static/js/jquery-2.1.1.min.js"></script>
    <script src="<%=basePath%>static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=basePath%>static/js/xadmin.js"></script>

</head>
<body class="login-bg">

<div class="login">
    <div class="message">用户登录</div>
    <div id="darkbannerwrap"></div>
    <hr class="hr15">

    <form method="post" class="layui-form">
        <input name="username" placeholder="用户名" id="username" value="" type="text" class="layui-input">
        <hr class="hr15">
        <input name="password" placeholder="密码" id="password" value="" type="password" class="layui-input">
        <hr class="hr15">
        <input value="登录" type="button" style="width:100%;" onclick="login()">
        <hr class="hr20">
    </form>
    还没有账号?<a href="/sys/goRegister" style="right: 0px;">点击注册</a>
</div>
<script type="text/javascript">
    function login() {
        $.ajax({   //4个参数
            url: "../user/login",
            dataType: "json",
            type: "post",
            data: {
                username: $("#username").val(),
                password: $("#password").val(),
            }, success: function (data) {
                // console.log(data);
                if (data.code == 200) {
                    layer.alert("欢迎" + data.loginUser.username + "登录", {icon: 6}, function () {
                        location.href = "/sys/goIndex?username=" + data.loginUser.username;
                        localStorage.setItem("headimg", data.loginUser.headimg);
                        let roleList = data.loginUser.roles;
                        localStorage.setItem("role", -1);
                        if(roleList.length > 0){
                            for(let i = 0; i < roleList.length; i ++){
                                if(roleList[i].rolename == '管理员'){
                                    localStorage.setItem("role", 1);
                                }
                            }
                        }
                    })
                } else {
                    layer.alert("登录失败", {icon: 5}, function () {
                        location.reload();
                    })
                }
            }, error: function (data) {
                alert("访问登录后台错误");
            }
        })
    }
</script>
</body>
</html>
